<!DOCTYPE html>

<html lang='en'>

<head>
  <meta charset='UTF-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no' />
  <title>pyg商品列表</title>
  <link rel="stylesheet" href="./lib/mui/css/mui.css">
  <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
  <link rel="stylesheet" href="./css/goods_list.css">
</head>

<body class>
<!-- 头部工具栏 -->
<div class="gl_bar">
  <h4>搜索</h4>
  <!-- 右侧的搜索框 -->
  <span class="pyg_bar_right">
    <i class="fa fa-search"></i>
  </span>
</div>

<!-- 商品列表 开始 -->
<div class="pyg_view">
 <div>
  <ul class="goods_lst"> 
  </ul>
 </div>
</div>
<!-- 商品列表 开始 -->

@@include("footer.html",{"index":1})
</body>
<!-- 模板引擎 开始 -->
<script type="text/html" id="mainTpl">
  {{each arr item index}}
<li>
  <a href="goods_detail.html?goods_id={{item.goods_id}}">
    <!-- 左侧 图片容器 -->
    <div class="item_left">
      <img src="{{item.goods_small_logo}}" alt="">
    </div>
    <!-- 右侧 商品详情 -->
    <div class="item_right">
      <!-- 商品的名字 -->
      <div class="goods_name">{{item.goods_name}}</div>
      <!-- 商品的价格 -->
      <div class="goods_price">￥{{item.goods_price}}</div>
    </div>
  </a>
</li>
{{/each}}
</script>
<!-- 模板引擎 结束 -->

<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/iscroll/iscroll.js"></script>
<script src="./js/common.js"></script>
<script src="./js/goods_list.js"></script>

</html>